Ext.define('Html5App.view.customer.NewOrderSelectType', {
	alternateClassName : 'newOrderSelectType',
	extend : 'Ext.Container',
	xtype : 'newOrderSelectType',
	id : 'newOrderSelectType',
	requires : ['Html5App.view.customer.NewOrderSelectProduct'],
	config : {
		height : '100%',
		items : [{
			xtype : 'container',
			cls : 'customer-new-order-label',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 5,
				cls : 'customer-new-order-padding customer-new-order-name',
				id : 'customer-new-order-customer-name',
				html : ''
			},{
				flex : 1,
				xtype : 'panel',
				cls : 'customer-new-order-padding',
				html : '新訂單'
			}]
		},{
			xtype : 'container',
			cls : 'customer-new-order-info',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 3,
				xtype : 'container',
				items : [{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '訂單日期：'
					},{
						flex : 1.,
						cls : 'customer-new-order-info-right',
						id : 'order-date',
						html : ''
					},{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '付款方式：'
					},{
						flex : 0.7,
						cls : 'customer-new-order-info-right',
						id : 'payment-mode',
						html : ''
					}]
				},{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '送貨日期：'
					},{
						flex : 1,
						cls : 'customer-new-order-info-right',
						id : 'delivery-date',
						html : ''
					},{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '貨款餘額：'
					},{
						flex : 0.7,
						cls : 'customer-new-order-info-right',
						id : 'balance',
						html : '$0.00'
					}]
				}]
			},{
				flex : 0.8,
				xtype : 'container',
				items : [{
					xtype : 'button',
					cls : 'customer-new-order-select-commodity-button',
					action : 'selectBrand',
					html : '選擇貨品'
				},{
					xtype : 'button',
					cls : 'customer-new-order-select-commodity-button',
					action : 'selectCancel',
					html : '取消'
				}]
			}]
		},{
			xtype : 'container',
			layout : {
				type : 'hbox'
			},
			cls : 'customer-new-order-info',
			style : 'border-bottom: 1px solid #CFCFCF;',
			items : [{
				flex : 1.356,
				cls : 'customer-new-order-info-left',
				html : '送貨地址：'
			},{
				flex : 5,
				cls : 'customer-new-order-info-right',
				style : 'overflow: hidden;',
				id : 'delivery-address',
				html : ''
			}]
		},{
			html : '<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;font-size:0.7rem;color:#4C4C4C;">'+
					  '<tr style="height:2rem;">'+
					    '<td style="padding-left:0.5rem;width:16%;">請選擇類型</td>'+
					  '</tr>'+
					'</table>'
		},{
			xtype : 'container',
			items : [{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					cls : 'customer-new-order-empty'
				},{
					flex : 1,
					xtype : 'container',
					id : 'select-list-data'
				},{
					cls : 'customer-new-order-empty'
				}]
			}]
		},{
			xtype : 'container',
			cls : 'customer-new-order-has-select-container',
			scrollable : 'vertical',
			height : '100%',
			items : [{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1,
					xtype : 'container',
					id : 'type-list-data'
				}]
			}]
		}]
	}
});